<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.4.2/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.4.2/themes/icon.css"/>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>

 </head> 
 <body> 
  <style>
  element.style {
    width: 1360px;
}
.x-panel {
    border-color: #99bbe8;
}
.x-panel {
    border-style: solid;
    border-width: 0;
}
div {
    display: block;
}
body {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-family: 微软雅黑, Tahoma;
    font-size: 12px;
    color: #555;
    background-position: left top;
    background-repeat: no-repeat;
    overflow: auto;
}
.x-panel-bwrap {
    overflow: hidden;
    zoom: 1;
    left: 0;
    top: 0;
}
.x-panel-body {
    border: 1px solid;
    border-top: 0 none;
    overflow: hidden;
    position: relative;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.navigCont table {
    table-layout: fixed;
    width: 100%;
    border-bottom: #EED6B7 1px dotted;
    padding: 15px 0px 10px 0px;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.navigCont td.head a {
    color: #cc0000;
    text-decoration: underline;
    font-weight: bold;
}
a {
    color: #346DAD;
    text-decoration: none;
    cursor: pointer;
}
.navigCont td.head {
    width: 95px;
    padding-right: 10px;
    vertical-align: top;
    text-align: right;
}
.navigCont td.content a {
    display: -moz-inline-box;
    display: inline-block;
    padding-left: 10px;
}
a:hover {
    color: #FF6666;
    text-decoration: underline;
}
.navigCont td.content em.X1 {
    margin: 0px 0px 5px 5px;
    display: inline-block;
    border-left: 1px solid #ccc;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
/* 设置边框样式 */
div#ext-gen22 {
    border: none;
}
  </style>
  
  <div id="Panel1"  style="width: 1360px;">
   <div id="ext-gen21">
    <div id="ext-gen22" style="overflow: auto; position: relative; height: 100%; width: 1360px;">
     <div id="Panel1_Content" class=""> 
      <div class="navigCont" id="navigCont">
       <table cellpadding="0" cellspacing="0"> 
        <tbody>
         <tr> 
          <td class="head"> <a>知识管理</a> </td> 
          <td class="content"> 
		<a>KM</a>
		<script>
		$('.kmdesktop').click(function(){
				var a = $(this).attr("date-href");
				//添加新的选项卡
				var openTab = function(title, href){
				//先判断是否已经打开
				if($("#tt").tabs("exists", title)){
				//已打开，则激活
				$("#tt").tabs("select", title);
				}else{
				//未打开，则打开
				$("#tt").tabs("add", {
				title: title,
				href: href,
				closable:true
				});
				}
				}
				openTab("员工信息",a);
				
			});
		$('.aaa1').click(function(){
			var a = $(this).attr("date-href");
			//添加新的选项卡
			var openTab = function(title, href){
			//先判断是否已经打开
			if($("#tt").tabs("exists", title)){
			//已打开，则激活
			$("#tt").tabs("select", title);
			}else{
			//未打开，则打开
			$("#tt").tabs("add", {
			title: title,
			href: href,
			closable:true
			});
			}
			}
			openTab("ss",a);
			
		});
		</Script>
		<a date-href="to_staffemployed" class="kmdesktop">KM桌面</a>
		<a date-href="to_test" class="aaa1">推荐文章</a>
		<a >KM桌面方案</a>  </td> 
         </tr> 
        </tbody>
       </table> 
       <table cellpadding="0" cellspacing="0"> 
        <tbody>
         <tr> 
          <td class="head"> <a>知识管理设置</a> </td> 
          <td class="content"> 
          <a >KM通用设置</a>  </td> 
         </tr> 
        </tbody>
       </table> 
       <table cellpadding="0" cellspacing="0"> 
        <tbody>
         <tr> 
          <td class="head"> <a>基础资料</a> </td> 
          <td class="content">
           <a >知识标签</a> 
           <a >知识技能</a>  </td> 
         </tr> 
        </tbody>
       </table> 
       <table cellpadding="0" cellspacing="0"> 
        <tbody>
         <tr> 
          <td class="head"> <a>文库</a> </td> 
          <td class="content"> 
          <a >文档主数据</a>
          <a >文档审核</a>
          <a >文档申请</a>
          <a >文档资料</a> </td> 
         </tr> 
        </tbody>
       </table>
       </div>
      </div> 
     </div>
    </div>
   </div>
 </body>
</html>